﻿@keyframes circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

@keyframes inner-circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(-360deg); }
}

#rotator {
   width:350px;
    height:350px;
    margin:20px auto;
    font-size:10px;
    line-height:1;
    animation: circle 25s linear infinite;
    transform-origin: 50% 50%;
}

#rotator > div {
    animation: inner-circle 25s linear infinite;
    background-color:#e1e1e1;
 width:50px;
 height:50px;
}


